<template>
	<div class="box">
		<div class="weui-cells__title">详情</div>

		<ul class="content">
			<li v-for="(val,index) in list" @click="toMyList()">
				{{val}}
			</li>

		</ul>
		<div class="return" @click="goBack">
			<img src="../assets/return.png" alt="">
		</div>
	</div>
</template>
<script>
	import {} from 'vux'

	export default {
		components: {

		},
		data() {
			return {
				list: ['小红', '小红', '小黄', '小明'],
			}
		},
		created() {

		},
		mounted() {


		},
		methods: {
			goBack() {
				this.$router.back();
			},
		},


	}
</script>

<style lang="less" scoped="scoped">
	.box {
		width: 100%;
		height: 100%;
		overflow: hidden;


		.weui-cells__title {
			position: relative;
			margin-top: 0.77em;
			margin-bottom: 0.3em;
			padding-left: 15px;
			padding-right: 15px;
			color: #999999;
			font-size: 14px;

		}

		.content {
			width: 100%;
			height: 100%;
			margin-top: 10px;
			list-style: none;
			font-size: 14px;

			li {
				padding: 10px 15px;
				height: 15px;
				background: #FFF;
				margin-bottom: 1px;
				line-height: 15px;

				img {
					width: 16px;
					height: 16px;
					vertical-align: bottom;
					padding-right: 10px;
				}
			}


		}

		.return {
			width: 32px;
			height: 32px;
			position: absolute;
			top: 10px;
			right: 10px;

			img {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
